<template>
  <div>
    <h2>组件的使用</h2>
    <hr />
    <!-- 希望在这里使用button组件的代码 -->
    <!-- 1. 导入  2. 注册 3. 使用   如果有一步或两步灭有写完就会有报错 -->
    <!-- 以标签的形式使用组件 -->
    <!-- 下面这两个写法都可以 -->
    <my-button></my-button>
    <!-- <my-right></my-right> -->
  </div>
</template>

<script>
//1.导入其他组件
import MyButton from "./components/MyButton.vue";
// import MyRight from'./components/MyRight.vue'
//@  表示在src 文件夹

export default {
  //2.注册组件
  components: {
    //标签名:导入的组件名
    MyButton: MyButton,
    // MyRight:MyRight,
  },
};
</script>

<style lang="scss" scoped>
</style>